<template>
  <div class='header-main'>
    <div></div>
    <div class="header-content">
      {{content.name}}
    </div>
    <div></div>
  </div>
</template>
<script>
  import defaultmixins from '@/mixins/bigScreen/defaultmixins'

export default {
  name: 'titletitle',
  mixins: [defaultmixins],
  components: {
    
  },
  props: {
    content: {
      default: {
        name: "test"
      }
    }
  },
  data() {
    return {
    };
  },
  computed: {
    
  },
  watch: {
    
  },
  mounted() {
    
  },
  methods: {
    
  },
}
</script>
<style lang='scss' scoped>
.header-main {
  color: #09c2ff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  align-items: center;
  .header-content {
    font-size: 30px;
    // width: 100%;
    // text-align: center;
    // padding: auto;
  }
}
</style>